<!DOCTYPE html>
<html>
    <head>
        <title>display: inline-block</title>
<style>
div {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 20px;
  border: 1px solid black;
}
</style>
    </head>
    <body>
        <div>Hello friends! This <b>div</b> has <b>display: inline-block</b> :^)</div>
        <div>Hello friends! That means its laid out like a block on the inside.</div>
        <div>Hello friends! But it acts like an atomic inline box on the outside!</div>
    </body>
</html>
